/* Light */
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/Space Grotesk/otf/SpaceGrotesk-Light.otf') format('opentype'),
    url('/fonts/Space Grotesk/woff2/SpaceGrotesk-Light.woff2') format('woff2'),
    url('/fonts/Space Grotesk/ttf/SpaceGrotesk-Light.ttf') format('truetype');
}

/* Regular */
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/Space Grotesk/otf/SpaceGrotesk-Regular.otf') format('opentype'),
    url('/fonts/Space Grotesk/woff2/SpaceGrotesk-Regular.woff2') format('woff2'),
    url('/fonts/Space Grotesk/ttf/SpaceGrotesk-Regular.ttf') format('truetype');
}

/* Medium */
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Space Grotesk/otf/SpaceGrotesk-Medium.otf') format('opentype'),
    url('/fonts/Space Grotesk/woff2/SpaceGrotesk-Medium.woff2') format('woff2'),
    url('/fonts/Space Grotesk/ttf/SpaceGrotesk-Medium.ttf') format('truetype');
}

/* Bold */
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: bold;
    src: url('/fonts/Space Grotesk/otf/SpaceGrotesk-Bold.otf') format('opentype'),
    url('/fonts/Space Grotesk/woff2/SpaceGrotesk-Bold.woff2') format('woff2'),
    url('/fonts/Space Grotesk/ttf/SpaceGrotesk-Bold.ttf') format('truetype');
}